const appInstance = getApp()
var globalData=appInstance.globalData
Component({
  /**
   * 组件的属性列表
   */
    properties: {
        propArray:{
            type:Array,
        },
        nowText:{
            type:String,
            value:'请选择'
        }
    },
  /**
   * 组件的初始数据
   */
    data: {
        selectShow:false,//初始option不显示
        // nowText:"请选择",//初始内容
        animationData:{},//右边箭头的动画
        dropDown_img:'/images/diet/drop_down.png', // 下拉菜单图片
        ifChoose:false, //是否已经选择下拉菜单
        selectItem:'', // 选择的值是哪一个（即 下午、中午、晚上）
    },
  /**
   * 组件的方法列表
   */
    methods: {
　　　//option的显示与否
        selectToggle:function(){
            var nowShow=this.data.selectShow;//获取当前option显示的状态
            //创建动画
            var animation = wx.createAnimation({
                timingFunction:"ease"
            })
            this.animation=animation;
            if(nowShow){
                animation.rotate(0).step();
                this.setData({
                    animationData: animation.export()
                })
            }else{
                animation.rotate(180).step();                
                this.setData({
                    animationData: animation.export()
                })
            }
            this.setData({
                selectShow: !nowShow
            })
        },
        //设置内容
        setText:function(e){
            var that=this
            console.log('获取下拉事件：')
            console.log(e)
            var nowData = this.properties.propArray;//当前option的数据是引入组件的页面传过来的，所以这里获取数据只有通过this.properties
            var nowIdx = e.target.dataset.index;//当前点击的索引
            var nowText = nowData[nowIdx].text;//当前点击的内容
            console.log('点击得内容是='+nowText)
            //再次执行动画，注意这里一定，一定，一定是this.animation来使用动画
            this.animation.rotate(0).step();
            // setData函数依然可以为属性赋值
            this.setData({
                selectShow: false,
                nowText:nowText,
                animationData: this.animation.export(),
                selectItem:nowText
            })
            if(nowIdx==0 || nowIdx==1 || nowIdx==2){
                console.log(nowIdx+"  "+that.data.selectItem)
                that.data.ifChoose=true
            }else{
                that.data.ifChoose=false
                console.log('你还没有选择对应的下拉选项！！')
            }

            // 下面将得到得数据存入全局对象中，以便能够被引用页面访问
            globalData.ifChoose=that.data.ifChoose
            globalData.selectItem=that.data.selectItem

        }
    }
})
